import React, {Component} from 'react';
// 导入组件
import {WingBlank, WhiteSpace} from 'antd-mobile';
import TheCarousel from "../../components/TheCarousel";
import HomeHotType from "./components/HomeHotType";
import MovieList from "../../components/MovieList";
import './home.scss'
import {CaretDownOutlined, GithubOutlined} from "@ant-design/icons";
import SearchNav from "../../components/SearchNav";
class Home extends Component {
    render() {
        return (
            <div className={"home"}>
                <div className={"top"}>
                    <div className={"SearchNav"}>
                        <div className={"left"}>
                            <GithubOutlined className={"icon"} />
                            &nbsp;南京
                            <CaretDownOutlined/>
                        </div>
                        <div className={"right"}>
                            <SearchNav history={this.props.history}/>
                        </div>
                    </div>
                </div>

                <div className={"main"}>
                    <WingBlank>
                        <WhiteSpace/>
                        <TheCarousel movieapi={"api/banner/home"}/>
                        <WhiteSpace size={"xl"}/>
                        <HomeHotType/>
                        <MovieList history={this.props.history} movieapi={"api/movie/hot"}/>
                    </WingBlank>
                </div>

            </div>
        );
    }
}

export default Home;
